<div class="container">
  <h1>Kafka Producer</h1>
  <hr>
  <app-input [id]="'k.p.bootstrap'" [label]="'bootstrap'"></app-input>
  <app-input [id]="'kafka.producer.2'" [label]="'topic'"></app-input>
  <app-output [id]="'kafka.producer.output'" [label]="'Console'"></app-output>
  <app-select [id]="'k.p.ip'" [label]="'IP'" [dsId]="'k.p.ip.ds'"></app-select>
  <app-button [id]="'kafka.send'" [label]="'send to kafka'"></app-button>
  <app-button [id]="'kafka.send'" [label]="'send to kafka'"></app-button>
  <app-button [id]="'kafka.send'" [label]="'send to kafka'"></app-button>
</div>

